<html>
<head>
	<!-- 
		Removed Doctype declaration because it was screwing up 
		Ext tab strips in IE 7.  Tab strips would remain fixed on 
		the page while page scrolls. Grrr! 
		In case we want to put it back....
		<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
	-->
	<META http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  	<title>Swindells, OrPTI Administration Portal</title>
  	<link rel="icon" href="../images/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />	
	  	
	<link rel="stylesheet" type="text/css" href="ext-2.1/resources/css/ext-all.css" />
	<link rel="stylesheet" type="text/css" href="ext-2.1/resources/css/accordion.css" />
	<link rel="stylesheet" type="text/css" href="ext-2.1/resources/css/filetree.css" />
	<link rel="stylesheet" type="text/css" href="ext-2.1/resources/css/uploadform.css" />
	
	<link rel="stylesheet" type="text/css" href="css/browserReset.css?r=<? echo random_string(5,'numeric'); ?>">
	<link rel="stylesheet" type="text/css" href="css/stylesCalendar.css?r=<? echo random_string(5,'numeric'); ?>">
	<link rel="stylesheet" type="text/css" href="css/extCustom.css?r=<? echo random_string(5,'numeric'); ?>">
	<link rel="stylesheet" type="text/css" href="css/stylesMozilla.css?r=<? echo random_string(5,'numeric'); ?>">
	<link rel="stylesheet" type="text/css" href="css/stylesMimeIcons.css?r=<? echo random_string(5,'numeric'); ?>">
	
	
	<!--[if IE]>
		<link rel="stylesheet" type="text/css" href="css/stylesIE.css?r=<? echo random_string(5,'numeric'); ?>" />
	<![endif]-->
	
	<!-- Protaculous Stuff (must come before Ext) -->
	<script src="js/protaculous/prototype1.6.js" language="JavaScript" type=text/javascript></script>
	<script src="js/protaculous/scriptaculous.js?load=effects,dragdrop,combo,controls" language="JavaScript" type="text/javascript"></script>
			
	<!-- EXT Library Stuff -->
	<!--<script src="ext-2.0/adapter/ext/ext-base.js" type="text/javascript"></script>-->
	<script src="ext-2.1/adapter/prototype/ext-prototype-adapter.js" type="text/javascript"></script>
    <script src="ext-2.1/ext-all.js" type="text/javascript"></script>
            
    <!-- Ext Extension Library Stuff  -->
    <!-- Ext.ux.Accordion removed until Saki ports it to Ext 2.0 -->
    <script src="ext-2.0/extensions/Ext.ux.UploadForm.js" language="JavaScript" type="text/javascript"></script>
    <script src="ext-2.0/extensions/Ext.ux.FileTreePanel.js" language="JavaScript" type="text/javascript"></script>
	
	<!-- Google Maps stuff -->
	<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=<?=GOOGLE_MAP_KEY; ?>" type="text/javascript"></script>
	<!-- End Google Maps stuff -->
	
	<? if ($charts == 1) { ?>
	<!-- Charting stuff -->
	<script src="js/GoogleChartAPI.prototype.js" type="text/javascript"></script>
	<!-- End Charting stuff -->
	<? } ?>
	
	<? if ($tags == 1) { ?>
	<!-- Swappable Tags stuff -->
	<script language="javascript" type="text/javascript" src="js/swappableTags.js"></script>					
	<!-- End Swappable Tags stuff -->
	<? } ?>
	
	<? if ($editor == 1) { ?>
	<!-- WYSIWYG Editor stuff -->
	<script language="javascript" type="text/javascript" src="js/tinyMCE3.1.1/tiny_mce.js"></script>					
	<script language="javascript" type="text/javascript" src="js/tinyMCE3.1.1/config/mceConfig.js"></script>
	<!-- End WYSIWYG Editor stuff -->
	<? } ?>
	
	<!-- Custom JavaScript is in the footer -->    
</head>
<body>
<div id="north" style="margin-top: -5px;">
	<div id="header">
		<div id="headerLeft">
			<img src="images/controlPanel.gif" alt="Control Panel" />
		</div>
		<div id="headerRight">
			<? if ($session->logged == 1) { ?>			
			<a href="login.php?logout=1" class="logoutLink" ext:qtip="Logged in as <?=$_SESSION['fullName']; ?> (<?=$_SESSION['userName']; ?>)">Logout</a>
			<div style="clear: right;"></div>
			<div id="trashDiv"></div>
			<? } ?>			
		</div>
		<div style="clear: both;"></div>
		<div id="updaterDiv"></div>
	</div>	
</div>
<div id="centerContent">
	<!-- Event Viewer Window -->
	<div id="eventViewWindow" class="x-hidden">
		<div class="x-window-header" id="eventWindowTitle"></div>
	</div>
	<input type="hidden" id="eID" />		
	<!-- End Event View Window -->
	
	<!-- Library Item Viewer Window -->
	<div id="itemViewWindow" class="x-hidden">
		<div class="x-window-header" id="itemWindowTitle"></div>
	</div>
	<input type="hidden" id="lID" />		
	<!-- End Library Item View Window -->
	
	<!-- Member Info Viewer Window -->
	<div id="memberViewWindow" class="x-hidden">
		<div class="x-window-header" id="memberWindowTitle"></div>
	</div>
	<input type="hidden" id="mID" />		
	<!-- End Member Info View Window -->